<template>
  <div class="chat-home">
    <child-head name="树洞" />
    <div class="chat_alluser">
      <!--好友列表-->
      <div class="chatuser" style="overflow: hidden">
        <chat-child :data="chat" />
      </div>
    </div>
  </div>
</template>

<script>
import ChatChild from "./chat-child";
import { reactive } from "vue";
import ChildHead from "../../../components/head-app/child-head";
export default {
  name: "chatIndex",
  components: { ChildHead, ChatChild },
  setup() {
    const chat = reactive([
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "XKDK",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
      {
        id: 11,
        avatar: require("../../../assets/list/name.jpg"),
        name: "哭诉",
        time: "09:23",
        word: "哈哈，好哒",
        type: false,
      },
    ]);
    return {
      chat,
    };
  },
};
</script>
